웹 페이지
"오늘의AI위키"의 AI를 통해 더욱 풍부하고 폭넓은 지식 경험을 누리세요.
1. 개요
웹 페이지는 1990년 11월 13일에 처음 등장했으며, 구조화된 문서로 HTML, CSS, 자바스크립트 등의 요소로 구성된다. HTML은 텍스트 파일로 페이지 내용을 지정하고, CSS는 페이지의 프레젠테이션을 정의하며, 자바스크립트는 페이지에 동작을 부여한다. 웹 페이지는 서버 측 처리 방식에 따라 정적 웹 페이지와 동적 웹 페이지로 나뉘며, 각 페이지는 고유한 URL을 통해 식별되고 웹 브라우저를 통해 탐색된다.
더 읽어볼만한 페이지
- 웹 디자인 - 웹 접근성
웹 접근성은 장애가 있는 사람들이 웹을 사용할 수 있도록 기술 및 디자인 원칙을 적용하는 것이며, 웹 콘텐츠, 저작 도구, 사용자 에이전트의 접근성 향상을 위한 지침과 법률, 인공지능 기술 활용을 통한 접근성 개선 노력이 이루어지고 있다. - 웹 디자인 - 접근성
접근성은 장애인을 포함한 모든 사람이 정보와 서비스에 차별 없이 접근하도록 보장하는 개념으로, 윤리적 책임, 사회적 형평성, 상업적 이익, 공익적 가치 때문에 중요하며, 물리적 환경, 정보 접근, 서비스 접근 등 다양한 영역에서 보조 기술과 적응 기술을 통해 구현되지만, 완전한 확보를 위해서는 지속적인 노력과 정책적 지원이 필요하다. - 월드 와이드 웹 - 구글
구글은 래리 페이지와 세르게이 브린이 개발한 웹 검색 엔진에서 출발하여 검색 기술 혁신을 통해 유튜브, 안드로이드 등 다양한 서비스를 제공하는 세계적인 기술 기업으로 성장했지만, 개인정보보호 및 독점 논란에도 직면하고 있다. - 월드 와이드 웹 - 온라인 언론
온라인 언론은 인터넷을 통해 뉴스 및 정보를 제공하며, 디지털 기술 발달과 함께 성장하여 시민 저널리즘 부상, 정보 전달 속도 혁신 등의 특징을 보이지만 정보 신뢰성 문제, 전통 언론 쇠퇴 등의 과제를 안고 있다.
| 웹 페이지 |
|---|
2. 역사
1990년 11월 13일에 최초의 웹 페이지가 탄생하였다.[9]
3. 웹 페이지의 구성 요소
웹 페이지는 구조화된 문서이다. 핵심 요소는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이다. 이는 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다.[3]
캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다.[3] CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다.
대다수의[4] 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다.[3] 최신 WebAssembly 언어도 보조로 사용될 수 있다.[5]
웹 애플리케이션이라고 하는 가장 정교한 웹 페이지는 이러한 요소를 복잡한 방식으로 결합한다.
대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS[8], 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여하거나 (DHTML), 플래시나 자바 애플릿 등을 부가적으로 사용하여 애플리케이션 소프트웨어나 인터페이스의 기능을 추가하는 경우가 있다.
3. 1. HTML (HyperText Markup Language)
웹 페이지는 구조화된 문서이며, 핵심 요소는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이다. 이는 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다.[3] 대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS[8], 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다.[3] CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다.
대다수의[4] 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다.[3] 자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여하거나 (DHTML), 플래시나 자바 애플릿 등을 부가적으로 사용하여 애플리케이션 소프트웨어나 인터페이스의 기능을 추가하는 경우가 있다. 최신 WebAssembly 언어도 보조로 사용될 수 있다.[5]
웹 애플리케이션이라고 하는 가장 정교한 웹 페이지는 이러한 요소를 복잡한 방식으로 결합한다.
3. 2. CSS (Cascading Style Sheets)
캐스케이딩 스타일 시트(CSS)는 웹 페이지의 프리젠테이션을 지정한다.[3] CSS 규칙은 별도의 텍스트 파일에 있거나 HTML 파일 내에 포함될 수 있다. 대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS[8], 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. HTML은 브라우저마다 해석이 다른 경우가 있기 때문에, 기업 등이 제작하는 페이지에는 PDF가 사용되는 경우도 있다.
3. 3. 자바스크립트 (JavaScript)
대다수의[4] 웹 페이지에는 자바스크립트 컴퓨터 프로그램이 있어 광범위한 동작을 가능하게 한다.[3] 자바스크립트 등의 스크립트 언어를 사용하여 웹 페이지에 동작을 부여한다.[8] 최신 WebAssembly 언어도 보조로 사용될 수 있다.[5]
3. 4. 이미지 및 기타 요소
웹 페이지는 하이퍼텍스트 마크업 언어(HTML)로 작성된 텍스트 파일이며, 이미지 및 비디오를 포함하여 페이지의 내용을 지정한다.[3] 캐스케이딩 스타일 시트(CSS)는 페이지의 프리젠테이션을 지정한다.[3]
대부분의 웹 페이지는 HTML (또는 XHTML)과 CSS[8], 이미지 데이터로 구성되어 있으며, 웹 브라우저를 사용하여 열람하는 것이 일반적이다. 기업 등이 제작하는 페이지에는 HTML은 브라우저마다 해석이 다른 경우가 있기 때문에 PDF가 사용되는 경우도 있다.
4. 웹 페이지의 종류
웹 페이지는 서버 측 처리 방식에 따라 정적 웹 페이지와 동적 웹 페이지로 나뉜다.
정적 웹 페이지는 저장된 그대로 사용자의 웹 브라우저에 전달되는 웹 페이지이며,[10] 웹 애플리케이션에 의해 생성되는 동적 웹 페이지와는 반대된다.[11]
서버 사이드 동적 웹 페이지는 애플리케이션 서버 처리 서버사이드 스크립트에 의해 구조가 통제되는 웹 페이지이다. 클라이언트 동적 웹 페이지는 로드될 때 브라우저에서 실행되는 HTML 스크립팅을 사용하여 웹 페이지를 처리한다.
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면,[6] 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다.[7] 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.
다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
- CGI(Common Gateway Interface)를 사용할 수 있는 환경에서 펄(Perl)이나 C를 이용하는 방법.
- 자바(Java)를 사용할 수 있는 환경에서 자바 서블릿(Java Servlet)이나 자바 서버 페이지(JSP), 자바 서버 페이스(JSF)를 이용하는 방법.
- 액티브 서버 페이지(ASP)나 ASP.NET을 이용하는 방법.
- PHP
- 루비 온 레일스(Ruby on Rails)
- Node.js
4. 1. 정적 웹 페이지 (Static Web Page)
정적 웹 페이지는 저장된 그대로 사용자의 웹 브라우저에 전달되는 웹 페이지이며[10] 웹 애플리케이션에 의해 생성되는 동적 웹 페이지와는 반대된다.[11]
서버 사이드 동적 웹 페이지는 애플리케이션 서버 처리 서버사이드 스크립트에 의해 구조가 통제되는 웹 페이지이다. 클라이언트 동적 웹 페이지는 로드될 때 브라우저에서 실행되는 HTML 스크립팅을 사용하여 웹 페이지를 처리한다.
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면,[6] 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다.[7]
4. 2. 동적 웹 페이지 (Dynamic Web Page)
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면,[6] 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다.[7] 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
- CGI(Common Gateway Interface)를 사용할 수 있는 환경에서 펄(Perl)이나 C를 이용하는 방법.
- 자바(Java)를 사용할 수 있는 환경에서 자바 서블릿(Java Servlet)이나 자바 서버 페이지(JSP), 자바 서버 페이스(JSF)를 이용하는 방법.
- 액티브 서버 페이지(ASP)나 ASP.NET을 이용하는 방법
- PHP
- 루비 온 레일스(Ruby on Rails)
- Node.js
4. 2. 1. 동적 웹 페이지 생성 기술
서버 측 웹 사이트 배포 관점에서 웹 페이지는 정적 웹 페이지와 동적 웹 페이지의 두 가지 유형이 있다. 정적 페이지는 웹 서버의 파일 시스템에서 수정 없이 검색되는 반면,[6] 동적 페이지는 사용자의 브라우저로 전송되기 전에 서버가 일반적으로 데이터베이스에서 읽어 웹 템플릿 시스템을 채워 즉석에서 생성해야 한다.[7] 동적 페이지의 예로는 검색 엔진 결과 페이지가 있다.다음은 전자 게시판(BBS) 등 서버 측에서 웹 페이지와 콘텐츠를 동적으로 생성하는 주요 방법의 예시이다.
6. 웹 페이지와 한국 사회
참조
[1]
웹사이트
Web page – definition of web page by The Free Dictionary
https://www.thefreed[...]
2021-04-23
[2]
웹사이트
Behind the scenes of modern web browsers
http://taligarsiel.c[...]
Tali Garsiel
2018-04-21
[3]
서적
JavaScript: the definitive guide
https://www.worldcat[...]
O'Reilly
2011-04-18
[4]
웹사이트
Usage Statistics of JavaScript as Client-side Programming Language on Websites
https://w3techs.com/[...]
2024-02-27
[5]
웹사이트
The State of WebAssembly 2023
https://blog.scottlo[...]
Scott Logic
2023-10-18
[6]
웹사이트
The Difference Between Dynamic & Static Web Pages
https://smallbusines[...]
2018-08-10
[7]
웹사이트
Definition of: dynamic Web page
https://www.pcmag.co[...]
[8]
문서
携帯電話などの携帯端末向けにはHTMLではなく[[Compact HTML|CHTML]]や[[Handheld Device Markup Language|HDML]]、[[Wireless Markup Language|WML]]などが使われることもある。
[9]
URL
http://www.w3.org/Hi[...]
[10]
웹인용
The Difference Between Dynamic & Static Web Pages
https://smallbusines[...]
2018-08-10
[11]
웹인용
Definition of: dynamic Web page
https://www.pcmag.co[...]
본 사이트는 AI가 위키백과와 뉴스 기사,정부 간행물,학술 논문등을 바탕으로 정보를 가공하여 제공하는 백과사전형 서비스입니다.
모든 문서는 AI에 의해 자동 생성되며, CC BY-SA 4.0 라이선스에 따라 이용할 수 있습니다.
하지만, 위키백과나 뉴스 기사 자체에 오류, 부정확한 정보, 또는 가짜 뉴스가 포함될 수 있으며, AI는 이러한 내용을 완벽하게 걸러내지 못할 수 있습니다.
따라서 제공되는 정보에 일부 오류나 편향이 있을 수 있으므로, 중요한 정보는 반드시 다른 출처를 통해 교차 검증하시기 바랍니다.
문의하기 : help@durumis.com